<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>图文混排</title>
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="css/last.css">
</head>

<body>
  <a name="top"></a>

  <div class="to-top">
    <a href="#top">👆</a>
  </div>

  <!-- 上方菜单 -->
  <div class="top-box">

    <!-- 左边菜单 -->
    <div>
      <a href="">Bootstrap菜单一</a>
      <a href="">Bootstrap菜单二</a>
      <a href="">Bootstrap菜单三</a>
      <a href="">Bootstrap菜单四</a>
      <a href="">Bootstrap菜单五</a>
      <a href="">Bootstrap菜单六</a>
    </div>

    <!-- 右边菜单 -->
    <div>
      <a href="">右边菜单</a>
    </div>

  </div>


  <!-- 容器 -->
  <div class="box">

    <!-- 图文混排 -->
    <div class="info">

      <!-- 上图 -->
      <div>
        <img src="https://fastly.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.56/dist/img/typescript.png" alt="">
      </div>

      <!-- 下文字 -->
      <div>

        <div class="line01">TypeScript</div>
        <div class="line02">中文手册</div>
        <div class="line03">
          TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
        </div>

      </div>


    </div>

    <!-- 图文混排 -->
    <div class="info">

      <!-- 上图 -->
      <div>
        <img src="https://fastly.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.56/dist/img/typescript.png" alt="">
      </div>

      <!-- 下文字 -->
      <div>

        <div class="line01">TypeScript</div>
        <div class="line02">中文手册</div>
        <div class="line03">
          TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
        </div>

      </div>


    </div>

    <!-- 图文混排 -->
    <div class="info">

      <!-- 上图 -->
      <div>
        <img src="https://fastly.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.56/dist/img/typescript.png" alt="">
      </div>

      <!-- 下文字 -->
      <div>

        <div class="line01">TypeScript</div>
        <div class="line02">中文手册</div>
        <div class="line03">
          TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
        </div>

      </div>


    </div>

    <!-- 图文混排 -->
    <div class="info">

      <!-- 上图 -->
      <div>
        <img src="https://fastly.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.56/dist/img/typescript.png" alt="">
      </div>

      <!-- 下文字 -->
      <div>

        <div class="line01">TypeScript</div>
        <div class="line02">中文手册</div>
        <div class="line03">
          TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
        </div>

      </div>


    </div>


    <!-- 图文混排 -->
    <div class="info">

      <!-- 上图 -->
      <div>
        <img src="https://fastly.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.56/dist/img/typescript.png" alt="">
      </div>

      <!-- 下文字 -->
      <div>

        <div class="line01">TypeScript</div>
        <div class="line02">中文手册</div>
        <div class="line03">
          TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
        </div>

      </div>


    </div>

    <!-- 图文混排 -->
    <div class="info">

      <!-- 上图 -->
      <div>
        <img src="https://fastly.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.56/dist/img/typescript.png" alt="">
      </div>

      <!-- 下文字 -->
      <div>

        <div class="line01">TypeScript</div>
        <div class="line02">中文手册</div>
        <div class="line03">
          TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
        </div>

      </div>


    </div>

    <!-- 图文混排 -->
    <div class="info">

      <!-- 上图 -->
      <div>
        <img src="https://fastly.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.56/dist/img/typescript.png" alt="">
      </div>

      <!-- 下文字 -->
      <div>

        <div class="line01">TypeScript</div>
        <div class="line02">中文手册</div>
        <div class="line03">
          TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
        </div>

      </div>


    </div>

    <!-- 图文混排 -->
    <div class="info">

      <!-- 上图 -->
      <div>
        <img src="https://fastly.jsdelivr.net/npm/@bootcss/www.bootcss.com@0.0.56/dist/img/typescript.png" alt="">
      </div>

      <!-- 下文字 -->
      <div>

        <div class="line01">TypeScript</div>
        <div class="line02">中文手册</div>
        <div class="line03">
          TypeScript 是由微软开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
        </div>

      </div>


    </div>


  </div>


  <!-- 菜单上下线条 -->

  <div style="display: flex;">

    <div class="menu">
      <div class="line"></div>
      <div class="text">菜单</div>
      <div class="line"></div>
    </div>

  </div>




</body>

</html>